<template>
  <div class="market">
    <DietNav />
    <div class="container">
      <img src="@/assets/img/shangcheng.png" alt="" />
      <MarketNav1 />
      <MarketList />
      <p  v-show="fun()" class="up iconfont icon-zhixiangshang"></p>
      <p class="buy">
        <i class="iconfont icon-gouwuche"></i><br />
        <span>购物车</span>
      </p>
    </div>
    <Footer />
  </div>
</template>

<script>
import DietNav from "../components/dietNav.vue";
import MarketNav1 from "../components/marketNava.vue";
import MarketList from "../components/marketLista.vue";
export default {
  components: {
    DietNav,
    MarketNav1,
    MarketList,
  },
  methods: {
    fun() {
      return true;
     
    },
  },
};
</script>

<style scoped>
.iconfont{
  font-size: .2rem;
}
.icon-zhixiangshang{
  font-size: .3rem;
}
.container {
  margin-top: 1.1rem;
  margin-bottom: 0.6rem;
}
img {
  width: 100%;
  height: 1.35rem;
}
p {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: fixed;
  right: 0.2rem;
  text-align: center;
  line-height: 0.5rem;
}
.up {
  background-color: rgba(240, 240, 240, 0.7);
  color: #333;
  bottom: 1.4rem;
}
.buy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 0.08rem;
  background-color: rgba(5, 155, 5,.7);
  color: #fff;
  bottom: 0.7rem;
  font-size: 0.12rem;
}
</style>